<template>
  <view class="content">
    <view class="components-title">
      <view class="components-title-t">gg-info</view>
      <view class="components-title-d">内容显示框</view>
    </view>
    <gg-nav-group label="默认右对齐">
      <gg-info label="内容" :info="info1" />
    </gg-nav-group>
    <gg-nav-group label="文字大于一行自动左对齐">
      <gg-info label="内容" :info="info2" />
    </gg-nav-group>
    <gg-nav-group label="设置左对齐">
      <gg-info label="内容" :info="info1" infoAlign="left" />
    </gg-nav-group>
  </view>
</template>

<script>
export default {
  data() {
    return {
      info1: '',
      info2: '',
    };
  },
  onLoad() {
    setTimeout(() => {
      this.testReqMocck().then((res) => {
        this.info1 = '输入框这是一个内容输入框'
        this.info2 = '这是一个内容输入框这是一个内容输入框这是一个内容输入框这是一个内容输入框这是一个内容输入框'
      });
      console.log('模拟请求数据', this.info);
    }, 1000)

  },
  methods: {
    testReqMocck(testData) {
      return new Promise((resolve, reject) => {
        resolve({
        });
      });
    }
  }
}
</script>
